<template>
  <div id="articleManagement">
    <el-tabs v-model="active" type="card" @tab-click="handleClick">
      <el-tab-pane label="通知公告" name="1"></el-tab-pane>
      <el-tab-pane label="政策法规" name="2"></el-tab-pane>
      <el-tab-pane label="关于我们" name="3"></el-tab-pane>
      <el-tab-pane label="联系我们" name="4"></el-tab-pane>
    </el-tabs>
    <div v-show="active == 1 || active == 3 || active == 4">
      <notice :type="active"></notice>
    </div>
    <div v-if="active == 2">
      <policy></policy>
    </div>
  </div>
</template>

<script>
import notice from "../notice/index.vue";
import policy from "../policy/index.vue";
export default {
  components: {
    notice,
    policy,
  },
  data() {
    return {
      active: "1",
    };
  },

  mounted() {},
  methods: {
    handleClick(tab, event) {},
  },
};
</script>